import Vue from 'vue'
import VueRouter from 'vue-router'
// import Home from '../views/Home.vue'
import addBlog from './../components/addBlog.vue'
import showBlog from './../components/showBlog.vue'
import routerId from './../components/routerId.vue'
import Edit from './../components/editBlog.vue'
Vue.use(VueRouter)

const routes = [{

        path: '/',
        name: 'showBlogLink',
        component: showBlog
    },
    {
        path: '/addblog',
        name: 'addBlogLink',
        component: addBlog
    }, {
        // 路由参数
        path: '/blog/:id',
        component: routerId
    }, {
        path: '/edit/:id',
        component: Edit
    }

    // {
    //   path: '/',
    //   name: 'Home',
    //   component: Home
    // },
    // {
    //   path: '/about',
    //   name: 'About',
    //   // route level code-splitting
    //   // this generates a separate chunk (about.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    //   component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
    // }
]

const router = new VueRouter({
    routes,
    mode: 'history'
})

export default router